<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath() + "/";%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>皮皮虾小魔仙外卖集团</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/css/layui.css" >
  <style>
    #showimgs{
      　　width: 100px;
      　　height: 100px;

    }
    #showimgs div img{
      width: 100%;
      height: 100%;
      object-fit:cover;
    }
  </style>
</head>
<body>
<div id="">
  <ul class="layui-nav">
    <li class="layui-nav-item" style="left:60px;">
      <a href="index.jsp"><img src="images/logo.jpg" height="50px" width="50px"></a>
    </li>
    <li class="layui-nav-item" style="float: right;right:60px;">
      <a href="register.jsp">注册<span class="layui-badge-dot"></span></a>
    </li>
    <li class="layui-nav-item" lay-unselect="" style="float: right;right:60px;">
      <a href="login.jsp">登录<span class="layui-badge-dot"></span></a>
    </li>
  </ul>
</div>
<div class="layui-carousel" id="heder01" align="center" style="margin: 0 auto">
  <div carousel-item="" id="showimgs" >
    <div><img src="images/showimg/1.jpeg" ></div>
    <div><img src="images/showimg/2.jpg" ></div>
    <div><img src="images/showimg/3.jpg"></div>
    <div><img src="images/showimg/4.jpg"></div>
    <div><img src="images/showimg/5.jpg"></div>
    <div><img src="images/showimg/6.jpg"></div>
    <div><img src="images/showimg/7.jpg"></div>
  </div>
</div>
<div style="width: 800px; margin: 0 auto;padding:20px 20px;">
  <div class="site-demo-button" id="layerDemo" style="margin-bottom: 0;">
    <button data-method="notice" class="layui-btn layui-btn layui-btn-fluid" id="getfood" style="font-size: xx-large">开始点餐</button>
  </div>
</div>
</div>
<hr class="layui-bg-blue">
<div style="margin: 0 auto;width: 1250px;">
  <div style="width: 625px;display:inline-block">
    <p class="layui-elem-quote" style="color: #01AAED;font-size: 25px;">公司历史</p>
    <div style="">
      <ul class="layui-timeline">
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">1998年11月</h3>
            <p>
              皮皮虾外卖国际集团正式成立。
              <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
              <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
            </p>
          </div>
        </li>
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">2004年</h3>
            <p>2004年皮皮虾外面公司在香港联交所主板公开上市（股票代号00700），董事会主席兼首席执行官是皮了么。</p>
            <ul>
              <li>2018年《中国500最具价值品牌》分析报告。皮皮虾外卖公司居第二位。</li>
              <li>2019《财富》未来50强榜单公布，皮皮虾外卖公司排名第12。</li>
            </ul>
          </div>
        </li>
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">2019年12月</h3>
            <p>
              皮皮虾外卖公司入选2019中国品牌强国盛典榜样100品牌。
              <br>我常常在想，尽管对这个这么6逼，但我们的确优秀得鸭皮
              <br>铭记、感恩
              <br>所有为皮皮虾外卖公司牺牲的皮尤
              <br>永垂不朽
            </p>
          </div>
        </li>
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <div class="layui-timeline-title">回首历史</div>
          </div>
        </li>
      </ul>
    </div>
  </div>
  <div style="width: 625px;display: inline-block;margin-left: -10px;">
    <p class="layui-elem-quote" style="color: #01AAED;font-size: 25px;">服务介绍</p>
    <div style="">
      <ul class="layui-timeline">
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">外卖</h3>
            <p>
              皮皮虾外卖，送外卖很快。
              <br>皮皮虾外卖，吃得你爽歪歪。
              <br>皮皮虾外卖，很期待你的到来 <i class="layui-icon"></i>
            </p>
          </div>
        </li>
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">企业思想</h3>
            <p>皮皮虾外卖的思想核心是服务至上，我们有<em>“把外卖送进世界的每个角落”</em>的目标。我们的口号是：</p>
            <ul>
              <li>只要送不送</li>
              <li>就往死里送</li>
            </ul>
          </div>
        </li>
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <h3 class="layui-timeline-title">合作交流</h3>
            <p>
              皮皮虾集团爱好和平，倡导良性竞争，努力实现合作共赢
              <br>欢迎你的加入
              <br>我们一起
              <br>创造美好的未来
              <br>加油!!!!
            </p>
          </div>
        </li>
        <li class="layui-timeline-item">
          <i class="layui-icon layui-timeline-axis"></i>
          <div class="layui-timeline-content layui-text">
            <div class="layui-timeline-title">展望未来</div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
<div class="footer" style="color: #0C0C0C;">
  <p>
  <center>
    ©皮皮虾网团购 pipixiawaimai.com &nbsp;&nbsp;京ICP证12345678号 &nbsp;&nbsp;京ICP备12345679号<br/>
    食品经营许可证&nbsp;&nbsp;互联网美食证<br />
    版权 ©runoob.com
  </center>
  </p>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<script>
  layui.use(['carousel', 'form'], function(){
    var carousel = layui.carousel
            ,form = layui.form;
    //图片轮播
    carousel.render({
      elem: '#heder01'
      ,width: 'margin: 0 auto'
      ,height: '440px'
      ,interval: 4000
    });
  });
  layui.use('element', function(){
    var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  });
  layui.use('layer', function(){ //独立版的layer无需执行这一句
    var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句
    //触发事件
    var active = {
      notice: function(){
        //示范一个公告层
        layer.open({
          type: 1
          ,title: false //不显示标题栏
          ,closeBtn: false
          ,area: '250px;'
          ,shade: 0.8
          ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
          ,btn: ['注册一个', '算了算了']
          ,btnAlign: 'c'
          ,moveType: 1 //拖拽模式，0或者1
          ,content: '<div style="padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;text-align: center">你还没有登录呢<br>靓仔,注册一个?</div>'
          ,yes:function () {
            window.location.href="register.jsp";
          }
        });
      }
      ,offset: function(othis){
        var type = othis.data('type')
                ,text = othis.text();
        layer.open({
          type: 1
          ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
          ,id: 'layerDemo'+type //防止重复弹出
          ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
          ,btn: '关闭全部'
          ,btnAlign: 'c' //按钮居中
          ,shade: 0 //不显示遮罩
          ,yes: function(){
            layer.closeAll();
          }
        });
      }
    };
    $('#getfood').on('click', function(){
      $.ajax({
        url:"getfood.do",
        type:"POST",
        success:function (MSG) {
          if(MSG!='')
            window.location.href="food.jsp";
        }
      })
      var othis = $(this), method = othis.data('method');
      active[method] ? active[method].call(this, othis) : '';
    });
  });
</script>
</body>
</html>
